

.about-us__container {
    background-image: url("../images/hero.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    width: 100%;
}

.hero {
    padding-top: 300px;
}

.info__container {
    padding: 25px 0;
    background-color: var(--infoContainerColor);
}

.about-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.about-item {
    width: 250px;
}

.about-link {
    border: 1px solid var(--infoContainerColor);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding: 25px 35px;
    border-radius: 5px;
    background-color: #a6e6f3;
    -webkit-box-shadow: 1px 2px 3px 3px #363232;
    box-shadow: 1px 2px 3px 3px #363232;
    -webkit-transition: all .3s ease 0s;
    -o-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    font-size: var(--bottonTextSize);
    color: var(--buttonTextColor);
}

.about-link:focus {
    background-color: #4faed7;
    color: #ffffff;
}
.about-link:hover {
    background-color: #4faed7;
    color: #ffffff;
}
.about-link:active {
    background-color: #4faed7;
    color: #ffffff;
}


.about-us__title {
    color: #ffffff;
    font-size: var(--mainTextTitle);
}

.about-us__text{
    color: #ffffff;
    font-size: var(--mainTextSize);
}
